<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="../src/es5plus-shim-partial.js"></script>
    <script src="../src/es5-css-selector-partial.js"></script>
    <style type="text/css">
        #fortest{
            width: 100px;
            height: 100px;
            border: solid 20px red;
            margin: 0 auto;
        }
        #t1, #t1 td {
            border: solid 1px red;

        }
    </style>
</head>
<body>
    <form id="f">
        <input name="t" type="button" value="click me"/>
        <input name="t" type="text" value="t1"/>
        <div name="t">next</div>
        <input name="t" type="text" value="t2"/>
        <input name="t" type="radio" value="111" checked="checked"/>
        <input name="t" type="radio" value="212" checked="checked"/>
    </form>
    <div id="fortest"></div>
    <table id="t1" tt="sds" class="cd cc    ss">
        <thead></thead>
        <tbody>
            <tr>
                <td id="cc"><img src="javascript:void 0;" style="height: 150px; width: 50px;"/></td>
                <td name="cc">ed</td>
            </tr>
        </tbody>
        <tbody></tbody>
    </table>
   
    <select id="s">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
    <form name="outer" id="outer">
         <table id="t2" name="tt1">
            <caption id="caption1" name="caption1">
                测试
            </caption>
            <colgroup span="1" id="colgroup1" name="colgroup1">
                <col valign="bottom" id="col1" name="col1"></col>
                <col valign="bottom" id="col1" name="col1"></col>
            </colgroup>
            <thead name="thead1">
                <tr><th name="th1"></th></tr>
            </thead>
            <tbody name="tbody1">
                <tr name="tr1">
                    <td name="td1"></td>
                </tr>
            </tbody>
            <tfoot name="tfoot1">
                <tr><td></td></tr>
            </tfoot>
    </table>
	<input id="abc" type="text" explicit="hello" />
        <form name="inner" id="inner" class="inner">
        	<!--<input name="abc" type="button" />-->
        	
        	<input id="a" type="hidden" />
        </form>
    </form>
    <!--<link href="dummy.css" rel="stylesheet" type="text/css" id="link"/>-->
    <style type="text/css" id="s" name="ssss">
        .cls {
            font-size: 14px;
        }
    </style>
    <a href="javascript:void 0;" id="a" name="aa">Entry</a>
    <a name="a1" id="b1">anchor1</a>
    <a name="a1" id="b2">anchor1</a>
    <a name="c1">c1</a>
    <a id="cccc" style="float:left;">c1</a>
    <map>
        <area href="javascript:void 0;" id="bb" name="bbb"/>
    </map>
    <div id="test" style="display:inline-block;border:solid 1px red;">sss</div>
    <span>test</span>
    <p:h></p:h>
    <img src="javascript:void 0;"/>
    <img src="javascript:void 0;"/>
    <embed src="javascript:void 0;"/>
    <script src="javascript: void 0;"/>
	<script type="text/javascript" id="myScript">

   
    /*var dom = document.getElementById('abc');


    // 现代浏览器（webkit）
    console.log(dom.getAttribute('id')); //
    console.log(dom.getAttribute('name')); //
    console.log(dom.getAttribute('title')); //
    console.log(dom.getAttribute('selfDefinition')); //
    console.log(dom.getAttribute('explicit')); //
    //
    console.log(dom.setAttribute('selfDefinition', 1)); 
    console.log(dom.getAttribute('selfDefinition')); 
    console.log(typeof dom.getAttribute('selfDefinition'));
    console.log(dom.setAttribute('selfDefinition', true)); 
    console.log(dom.getAttribute('selfDefinition')); 
    console.log(typeof dom.getAttribute('selfDefinition')); 
    console.log(dom.setAttribute('selfDefinition', [1,2])); 
    console.log(dom.getAttribute('selfDefinition')); 
    console.log(typeof dom.getAttribute('selfDefinition')); 
    console.log(dom.setAttribute('selfDefinition', function(){})); 
    console.log(dom.getAttribute('selfDefinition')); 
    console.log(typeof dom.getAttribute('selfDefinition')); 
    console.log(dom.setAttribute('selfDefinition', void 0)); 
    console.log(dom.getAttribute('selfDefinition')); 
    console.log(typeof dom.getAttribute('selfDefinition')); 
    //
    console.log(dom.setAttribute('selfDefinition', {})); 
    console.log(dom.getAttribute('selfDefinition')); 
    dom.getAttribute('selfDefinition');*/
	</script>
    <script type="text/javascript">
    /*console.log(document.getElementsByName('tt1').length);
    console.log(document.getElementsByName('thead1').length);
    console.log(document.getElementsByName('th1').length);
    console.log(document.getElementsByName('td1').length);
    console.log(document.getElementsByName('tbody1').length);
    console.log(document.getElementsByName('tr1').length);
    console.log(document.getElementsByName('tfoot1').length);
    console.log(document.getElementsByName('caption1').length);
    console.log(document.getElementsByName('colgroup1').length);
    console.log(document.getElementsByName('col1').length);*/
    </script>
    <script type="text/javascript">
    /*document.body.appendChild(document.createElementNS('p', 'hello'));
    document.body.appendChild(document.createElementNS('ds', 'hello'));
    var divs = document.getElementsByTagName('hello');
    var b = divs[0], c = divs[1];
    console.log(Object.prototype.toString.call(b));
    console.log(Object.prototype.toString.call(c));

    console.log(b.outerHTML);
    console.log(c.outerHTML);*/
    //tt = document.getElementById('test');
    //var cl = t1.classList;
    //t1.classList.add('cc');
    </script>
	</body>
	</html>